<template>
	<view class="content">
		<view>
			<view  class="deng" style="position: absolute;top: 0%;left: 0%;" @click="pageTo('/pages/denglu/denglu')">
			<button ><a class="d" >登录</a> </button>
			</view>
			<view class="deng" style="padding-top: 80px;">
				
				<ul>
					<li>
						<a>我的订阅</a>
						<span>|</span>
						</li>
					<li>
						<a>我的收藏</a>
						<span>|</span>
					</li>
					<li>
						<a>我的下载</a>
					</li>
				</ul>
			</view>
			<view class="tu"style="">
				<image src="../../static/img/tabbar/weilian.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			pageTo(url) {
				uni.navigateTo({
					url
				})
			},
		}
	}
</script>

<style>
	*{
			padding: 0;
			margin: 0;
		}
		.content{
			height: 50vh;
		}
		.deng{
			height: 180px;
			text-align: center;
		}
		.deng button{
			width: 88px;
			height: 88px;
			left: 150px;
			top: 55px;
			color: rgba(255, 255, 255, 1);
			background-color: rgba(51, 177, 123, 1);
			border-radius: 45px;
			font-size: 19px;
			line-height: 88px;
			font-weight: bold;
		}
		.deng ul{
			display: flex;
		}
		.deng li{
			width: 124px;
			 height: 56px; 
			list-style: none;
			padding-top: 140px;
			color: rgba(80, 80, 80, 1);
			font-size: 15px;
		}
		.deng li a{
			margin: 28px;
			color: #555555;
			text-decoration: none;
		}
		.deng li a span{
			color: #C8C7CC;
		}
		.tu{
			height: 63vh;
			background:	#F1F3F6;
			text-align: center;
		}
		.tu image{
			width: 230px;
			height: 260px;
			padding-top: 50px;
		}
</style>
